<template>
  <div class="recommend">
    <titles :title="title"></titles>
    <swiper-list :List="list"></swiper-list>
  </div>
</template>

<script>
import Titles from './Titles'
import SwiperList from './SwiperTemplate'
export default {
  name: 'Shangjin',
  data () {
    return {
      title: {
        titleinfo: '赏金任务',
        subtitle: '查看更多任务'
      },
      list: [
        {
          id: '001',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t26893/316/1416172900/5740/58f20b1e/5bc82e3aN7aa90a89.png?width=210&height=260'
        },
        {
          id: '002',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t26767/72/1365822552/8516/2e071d95/5bc82e6eN0be93809.png?width=210&height=260'
        },
        {
          id: '003',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t30418/166/1039421072/8983/a6f90d5b/5c04eccbN581f6287.png?width=210&height=260'
        },
        {
          id: '004',
          url: 'https://img12.360buyimg.com/jrpmobile/jfs/t26182/297/1417522782/7864/19181a3b/5bc82ec0N0824153d.png?width=210&height=260'
        }
      ]
    }
  },
  components: {
    Titles,
    SwiperList
  }
}
</script>

<style lang="stylus" scoped>
  .recommend
    height 380px
    margin-bottom 30px
</style>
